Extensions

Press shift + S to search API reference.

Interface

AppearanceSetProps

View source

Style props for the visual appearance of an element.

backgroundColorOptionalResponsiveProp<BackgroundColorProperty>

Sets the background color of an element.

borderOptionalResponsiveProp<BorderProperty<Length>>

Sets an element's border. It's a shorthand for borderWidth, borderStyle, and borderColor.

borderBottomOptionalResponsiveProp<BorderBottomProperty<Length>>

Sets the width, line style, and color for an element's bottom border.

borderColorOptionalResponsiveProp<BorderColorProperty>

Sets the color of all sides of an element's border.

borderLeftOptionalResponsiveProp<BorderLeftProperty<Length>>

Sets the width, line style, and color for an element's left border.

borderRadiusOptionalResponsiveProp<BorderRadiusProperty<Length>>

Rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.

borderRightOptionalResponsiveProp<BorderRightProperty<Length>>

Sets the width, line style, and color for an element's right border.

borderStyleOptionalResponsiveProp<BorderStyleProperty>

Sets the line style for all four sides of an element's border.

borderTopOptionalResponsiveProp<BorderTopProperty<Length>>

Sets the width, line style, and color for an element's top border.

borderWidthOptionalResponsiveProp<BorderWidthProperty<Length>>

Sets the widths of all four sides of an element's border.

borderXOptionalResponsiveProp<BorderProperty<Length>>

Sets the width, line style, and color for an element's left and right borders.

borderYOptionalResponsiveProp<BorderProperty<Length>>

Sets the width, line style, and color for an element's top and bottom borders.

boxShadowOptionalResponsiveProp<BoxShadowProperty>

Adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color.

opacityOptionalResponsiveProp<GlobalsNumber | string>

Sets the transparency of an element or the degree to which content behind an element is visible.